<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

<!doctype html>
<html lang="ko">
<head>
	<meta charset="UTF-8">
	<title>3D Printing Store Home</title>
	<!--[if lt IE 9]>
		<script src="/common/js/home/html5.js"></script>
		<script src="/common/js/home/css3-mediaqueries.js"></script>
	<![endif]-->
	<link rel="stylesheet" href="http://fonts.googleapis.com/earlyaccess/nanumgothic.css">
	<link rel="stylesheet" href="/common/css/home/common.css">
	<link rel="stylesheet" href="/common/css/home/home.css">
	
	<script src="/common/js/jquery-1.7.2.min.js"></script>
	<script src="/common/js/common.js"></script>	
		
	<!-- mmenu 구동파일 -->
	<script type="text/javascript" src="/common/js/home/jquery.mmenu.min.all.js"></script>
	<link type="text/css" rel="stylesheet" href="/common/css/home/jquery.mmenu.all.css" />
	
	<!-- bxslider 구동파일 -->
	<script src="/common/js/home/jquery.bxslider.js"></script>
	<link rel="stylesheet" href="/common/css/home/jquery.bxslider.css" />

	<!-- retina 구동파일 -->
	<script type="text/javascript" src="/common/js/home/retina.min.js"></script>
			
	<script type="text/javascript" charset="UTF-8" defer="defer">
	//<![CDATA[
		$(document).ready(function() {
			window.onload = function() {
			<c:if test='${!empty errMsg}'>
				Alert("Information","<spring:message code='${errMsg}'/>",null);
			</c:if>
			};
		});
	//]]>
	</script>
	<script>
	$(document).ready(function(){
		// Mmenu 구동
		$('#mobile_mmenu').mmenu();

		// BxSlider 구동
		$pz_exe	= $(".visual_slider").bxSlider({
			mode			: 'horizontal',
			pager			: true,
			responsive		: true,
			auto			: true,
			autoControls	: true,
			adaptiveHeight	: true,
			controls		: true,
			pause			: 4000,
			speed			: 600,
			infiniteLoop	: true
		});

		// Mmenu Custom Button
		$(".mobile_menu_trigger").bind("click", function(){
			$(".mobile_mmenu").trigger("click");	
		});		
	})
	</script>
</head>
<body>
	<div class="header" style="display:none;"><a class="mobile_mmenu"href="#mobile_mmenu"></a></div>
	<div id="mobile_mmenu">
		<ul>
			<li><a href="#">Home</a></li>
			<li><a href="#about">About us</a>
				<ul>
					<li><a href="#about/history">History</a></li>
					<li><a href="#about/team">The team</a>
						<ul>
							<li><a href="#about/team/management">Management</a></li>
							<li><a href="#about/team/sales">Sales</a></li>
							<li><a href="#about/team/development">Development</a></li>
						</ul>
					</li>
					<li><a href="#about/address">Our address</a></li>
				</ul>
			</li>
			<li><a href="#contact">Contact</a></li>
		</ul>
	</div>
	<div id="page">
		<section id="top_wrap">
			<div class="t_util1_wrap">
				<div class="t_util1_inner_wrap">
					<ul class="t_util1_layout">
						<li class="t_util1_li"><a class="t_util1_a t_util1_a1" href="#">로그인</a></li>
						<li class="t_util1_li"><a class="t_util1_a t_util1_a2" href="#">고객센터</a></li>
						<li class="t_util1_li"><a class="t_util1_a t_util1_a3" href="#">MYPAGE</a></li>
						<li class="t_util1_li"><a class="t_util1_a t_util1_a4" href="#">장바구니</a></li>
						<li class="t_util1_li"><a class="t_util1_a t_util1_a5" href="#">사이트맵</a></li>
					</ul>
				</div>
			</div>
			<div class="t_util2_wrap">
				<div class="t_util2_inner_wrap">
					<a href="#mobile_menu_trigger" class="mobile_menu_trigger">mobile_menu_trigger</a><br />
					<div class="t_util2_logo_wrap">
						<img class="t_util2_logo_img" src="/images/home/common/t_logo.png" alt="3D Printing store"/>
					</div>
					<div class="t_util2_gnb_wrap">
						<nav>
							<ul class="t_util2_layout">
								<li class="t_util2_li"><a class="t_util2_a" href="#">3D 프린팅</a></li>
								<li class="t_util2_li"><a class="t_util2_a" href="#">3D 스튜디오</a></li>
								<li class="t_util2_li"><a class="t_util2_a" href="#">마켓플레이스</a></li>
								<li class="t_util2_li"><a class="t_util2_a" href="#">정보광장</a></li>
								<li class="t_util2_li"><a class="t_util2_a" href="#">고객서비스</a></li>							
							</ul>
						</nav>					
					</div>
				</div>
			</div>			
		</section>